@rem: 50rem;
html,body{
  width: 100%;
  height: 100%;
}
body,p{
  padding: 0;
  margin: 0;
}
ul,li,ol,li{
  list-style: none;
}
h1,h2,h3,h4,h5,h6,ul,li,ol,li{
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.clearfix::after{
  content: '.';
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  zoom: 1;
}
* {
  -webkit-tap-highlight-color: transparent;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.flex{
   display:-webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}
.ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

